<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成交清算轧差表</title>
    <!--导入layui包-->
    <link rel="stylesheet" href="../layui/css/layui.css"/>
    <script src="../jQuery/jquery-1.11.2.js"></script>
    <script src="../layui/layui.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/font.css">
</head>
<body>
<blockquote class="layui-elem-quote news_search">
    <!--数据表格-->
    <table class="layui-hide" id="Balance" lay-filter="secStockList"></table>

    <script type="text/html" id="Balance_search">
        <!--多条件查询层-->
        <div class="layui-inline">
            证券名称：
            <div class="layui-input-inline">
                <select name="seName" id="seName"></select>
            </div>
            <button id="search" class="layui-btn  layui-btn-primary layui-bg-gray" lay-submit data-type="reload"
                    lay-filter="provinceSearch">
                <i class="layui-icon">&#xe615;</i>
            </button>
        </div>
    </script>

    <!-- 行中操作按钮[仅对本行操作] -->

    <!--脚本代码-->
    <script type="text/javascript">
        layui.use(['table', 'layer', 'form', 'laypage', 'util', 'jquery'], function () {
            //导入模块并得到模块对象
            var table = layui.table,//表格对象
                layer = layui.layer,//弹层对象
                form = layui.form,//表单对象
                laypage = layui.laypage,//分页组件
                $ = layui.jquery,//jquery对象
                util = layui.util;//工具对象
            var tables;
            var vals="";
            var varseName="<option value=''>--请选择--</option>";
            //开关用于避免重复添加搜索框
            var tufa=false;
            //开关用于避免重复执行
            var tafa=true;
            var two;
            //渲染表格对象
            tables=table.render({
                //id:"houseReload",//为多条件搜索重新加载使用
                elem: "#Balance",//表格对象
                url: "/BalanceSheet/balance",
                method: "get",
                height: 1100,
                toolbar: "#Balance_search",//表格上方普通工具栏
                //一页显示5条数据
                limit: 5,
                cols: [
                    [
                        {checkbox: true},//开启多选框
                        {field: "seName", title: "证券名称", align: "center"},
                        {field: "outflow", title: "今日流出金额（元）", align: "center"},
                        {field: "inflow", title: "今日流入金额（元）", align: "center"},
                        {field: "handFee", title: "经手费（元）", align: "center"},
                        {field: "staDuty", title: "印花税（元）", align: "center"},
                        {field: "tranFee", title: "过户费（元）", align: "center"},
                        {field: "collFee", title: "征管费（元）", align: "center"},
                        {field: "amos", title: "实际清算额（元）", align: "center"},
                        {field: "tranDate", title: "交易日期", align: "center"},
                    ]
                ],parseData:function (res) {
                var datasTwo=new Array();
                // var data=res.data;
                // if(tafa!=false || res.data.length>data.length){
                //     tafa=false;
                //     tufa=true;
                // }
                // if(tufa!=false){
                //     for (var i = 0; i < data.length; i++) {
                //         varseName += "<option value='" + data[i].seName + "'>" + data[i].seName + "</option>";
                //     }
                //     tufa=false;
                // }
                //证券
                two = res.securi;
                var twoStr = "<option value=''>--请选择--</option>";
                for (var i = 0; i < two.length; i++) {
                    twoStr += "<option value='" + two[i].seName + "'>" + two[i].seName + "</option>";
                }
                $("#seName").html(twoStr);
                for (var i = 0; i <res.data.length; i++) {
                    if(vals==""){
                        datasTwo.push(res.data[i]);
                    }else if(res.data[i].seName==vals){
                        datasTwo.push(res.data[i]);
                    }
                }
                return {
                    "code":res.code,
                    "msg":res.msg,
                    "count":datasTwo.length,
                    "data":datasTwo
                }
            },
                page: true,
                //一页选择显示5或10条数据
                limits: [5, 10]
            });
            form.on("submit(provinceSearch)",function (data) {
                vals=data.field.seName;
                /* //定义表单数据对象
                 var formData=data.field;
                 //得到表单数据json字符串
                 var json=JSON.stringify(data.field);*/
                //alert(json);
                //重新加载表格对象
                tables.reload("secStockList");
                /*return false;*/
            });
            // //表格头部工具栏事件代码，根据lay-event属性值判断执行相应的代码
            // table.on('toolbar(secStockList)',function (obj) {
            //     var checkStatus = table.checkStatus(obj.config.id);
            //     //判断事件event值
            //     switch (obj.event) {
            //         //批量删除操作：删除选定的多行数据
            //         case "batchDel":
            //             //获得选中的表格行
            //             var data = checkStatus.data;
            //             //判断是否大于0行
            //             if(data.length>0){
            //                 layer.confirm('请确认是否真的删除?', function(index){
            //                     //获取所有选择的id
            //                     var seNameStr="";
            //
            //                     for (var i = 0; i < data.length; i++) {
            //                         seNameStr = seNameStr+data[i].seName+",";//累加字符
            //                     }
            //                     //去掉最后多余的逗号
            //                     seNameStr=seNameStr.substring(0,seNameStr.length-1);
            //                     layer.close(index);
            //                     //使用ajax删除选中的
            //                     $.ajax({
            //                         type: "delete",//请求方式为put,来替代delete
            //                         url: "/BalanceSheet/batchDel?seNameStr="+seNameStr,//后台Servlet路径
            //                         success: function(msg){
            //                             layer.msg('删除成功');
            //                             //重新加载表格数据
            //                             table.reload('Balance');
            //                         }
            //                     });
            //                 });
            //             }else{
            //                 //没有选择数据行
            //                 layer.msg('你至少选一行！');
            //             }
            //             break;
            //     }
            // });
            // //监听表格行工具(操作)事件 [不能和前面写在一起，原因二者参数有区别：前者toolbar，这里为tool]
            // table.on("tool(secStockList)",function (obj) {
            //     //得到表格行数据
            //     var data=obj.data;
            //     //判断事件event值，与lay-event属性比较(使用switch或if梯形结构都可以,前面已经用过switch,
            //     // 此处使用if梯形结构)
            //     if(obj.event == "delete"){//判断是否为行删除操作
            //         layer.confirm("真的删除证券名称为"+data.seName+"这行数据吗?", function(index){
            //             //执行表格中删除操作
            //             layer.close(index);
            //             alert("aaaaaa")
            //             alert(data.seName);
            //             $.ajax({
            //                 type: "DELETE",
            //                 url: "/BalanceSheet/balance/"+data.seName,//后台Servlet路径
            //                 success: function(msg){
            //                     alert("ssssss")
            //                     //重新加载表格数据
            //                     table.reload('Balance');
            //                     layer.msg(msg);
            //                 }
            //             });
            //         });
            //     }
            // });
        });
    </script>
</blockquote>
</body>
</html>